<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                template="./../../plantillas/defaultTemplate.xhtml"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="dialogos">
        <p:confirmDialog message="&#191; Esta seguro que desea eliminar el Empleado seleccionado ?"  
                         showEffect="bounce" hideEffect="explode"  modal="true"
                         header="Eliminar Empleado" severity="alert" widgetVar="confirmation">  
            <p:commandButton value="Si, estoy seguro" update="mensajes, tablaConcursos" oncomplete="confirmation.hide()"  
                             actionListener="#{reclutamiento$concursos.eliminar$crud$action}" />  
            <p:commandButton value="No" onclick="confirmation.hide()" type="button" />   

        </p:confirmDialog>
        
        <p:dialog id="dialogBuscaEmp" widgetVar="dialogBuscaEmp" header="Buscar Empleado" showEffect="fold" hideEffect="fold" width="700" height="250">
            <p:dataTable id="tablBusEmp"
                         rows="3" paginator="true"
                         emptyMessage="No hay Empleados que mostrar"
                         var="emp" update="txtEmp tlEmp, "
                         value="#{capacitaciones$capaXEmpleado.listaEmpleado}"
                         selection="#{SessionBeanCAP.empleadoSeleccionado}"
                         rowSelectListener="#{capacitaciones$capaXEmpleado.onRowSelectEmpleado}"  
                         selectionMode="single"
                         paginatorAlwaysVisible="true"
                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="5,10,25,50,100">
                <p:column headerText="Codigo" filterBy="#{emp.empleadosPK.codEmp}" >
                    <h:outputText value="#{emp.empleadosPK.codEmp}"/>
                </p:column>
                <p:column headerText="Nombre" filterBy="#{jefe.nombreCompleto}" >
                    <h:outputText value="#{emp.nombreCompleto}"/>
                </p:column>
                <!--f:facet name="footer">
                    <p:commandButton value="Seleccionar jefe" oncomplete="dialogBuscaJefe.hide();"/>
                </f:facet-->
                <!--p:column>
                        <p:commandButton update="dialogBuscaJefe, dialogNoAfecta, txtJefe, tlJefe" onclick="dialogBuscaJefe.hide()" value="Seleccionar" >
                            <f:setPropertyActionListener value="# {jefe}" target="# {planilla$accionesPersonal.jefeSeleccionado}"/>
                        </p:commandButton>
                </p:column-->
            </p:dataTable>
        </p:dialog>
    </ui:define>

    <ui:define name="acciones">
        <p:tab title="Acciones">
            <h:panelGrid columns="1">
                <p:commandLink styleClass="opcionMenu" ajax="true" immediate="true"
                               action="#{capacitaciones$capaXEmpleado.editar$Det$action()}" update="tblDetalle, panelContenido, nota, tlNota">
                    <p:graphicImage value="/resources/iconos/new.png"/>
                    <h:outputText value="Notas" styleClass="espacioTexto"/>
                </p:commandLink>

                <p:commandLink styleClass="opcionMenu"  ajax="true" immediate="true"
                               action="#{capacitaciones$capaXEmpleado.consultar$vh$action()}" update="tablaCapacitacion, panelContenido, nota, tlNota">
                    <p:graphicImage value="/resources/iconos/search.png"/>
                    <h:outputText value="Consultar" styleClass="espacioTexto"/>
                </p:commandLink>
                
            </h:panelGrid>
        </p:tab>

        <p:tab title="Otras acciones">
            <h:panelGrid columns="1">
                <p:commandLink styleClass="opcionMenu textoNormal" value="Cancelar" ajax="true" action="#{reclutamiento$concursos.inicio$action}" update="principalForm:mensajes" onmouseover="this.className='opcionMenu  textonegrita';" onmouseout="this.className='opcionMenu  textonormal';" immediate="true">
                    <p:graphicImage styleClass="ui-icon ui-icon-circle-close" />
                </p:commandLink>
            </h:panelGrid>
        </p:tab>

    </ui:define>

    <ui:define name="titulo">
        Capacitaciones por Empleado
    </ui:define>

    <ui:define name="contenido">       
        <p:spacer height="20" rendered="#{(SessionBeanADM.estadoAccion eq 2) }" />

        <p:fieldset legend="Datos de la capacitaci&#243;n" rendered="#{(SessionBeanADM.estadoAccion eq 2) }" >
            <h:panelGrid columns="4">
                <h:outputLabel value="Nombre: " />
                <h:outputLabel value="#{capacitaciones$capaXEmpleado.nomCapacitacion}" style=" font-weight: bold"/>
                <p:spacer/>
                <p:spacer/>
                <h:outputLabel value="Area: " />
                <h:outputLabel value="#{capacitaciones$capaXEmpleado.nomArea}" style=" font-weight: bold"/>
                <p:spacer/>
                <p:spacer/>
                <h:outputLabel value="Tema: " />
                <h:outputLabel value="#{capacitaciones$capaXEmpleado.nomTema}" style=" font-weight: bold"/>
                <p:spacer/>
                <p:spacer/>
                <h:outputLabel value="Instituci&#243;n: " />
                <h:outputLabel value="#{capacitaciones$capaXEmpleado.nomInst}" style=" font-weight: bold"/>
                <p:spacer/>
                <p:spacer/>
                <h:outputLabel value="Capacitador: " />
                <h:outputLabel value="#{capacitaciones$capaXEmpleado.nomCapacitador}" style=" font-weight: bold"/>
                <p:spacer/>
                <p:spacer/>
                <h:outputLabel value="Fecha Inicial: " />
                <h:outputLabel value="#{capacitaciones$capaXEmpleado.fechaInicial}" style=" font-weight: bold">
                    <f:convertDateTime pattern="dd/MM/yyyy" />
                </h:outputLabel>
                <h:outputLabel value="Fecha Final: " />
                <h:outputLabel value="#{capacitaciones$capaXEmpleado.fechaFinal}" style=" font-weight: bold">
                    <f:convertDateTime pattern="dd/MM/yyyy" />
                </h:outputLabel>
                <h:outputLabel value="Estado: " />
                <h:selectOneMenu id="lstStatus" value="#{capacitaciones$capaXEmpleado.status}"  style="height: 25px;padding-top: 3px;" disabled="true" >
                    <f:selectItem itemLabel="Seleccione" itemValue=""/>
                    <f:selectItem itemLabel="Grabado" itemValue="G"/>
                    <f:selectItem itemLabel="Aprobado" itemValue="A"/>
                    <f:selectItem itemLabel="Rechazado" itemValue="R"/>
                    <f:selectItem itemLabel="Realizado" itemValue="RE"/>
                    <f:selectItem itemLabel="Notificada" itemValue="N"/>
                </h:selectOneMenu>
                <h:outputLabel value="Nota General: " />
                <p:toolbar id="tlNota" >
                        <p:toolbarGroup align="left">
                            <p:inputText value="#{capacitaciones$capaXEmpleado.notaCapacitacion}" id="nota" immediate="true" style=" width: 50px;"/>
                            <p:commandButton id="cmdGuardarNota" type="push" image="ui-icon ui-icon-disk" action="#{capacitaciones$capaXEmpleado.guardar$notaCap$action()}"
                                             update="mensajes, nota"/>
                        </p:toolbarGroup>
                    </p:toolbar>
            </h:panelGrid>
            
        </p:fieldset>
        <p:spacer height="20" />
        <!--p:fieldset rendered="# {(SessionBeanADM.estadoAccion eq 2)}" >
            <h:panelGrid columns="4">
                <h:outputLabel value="Empleado"/>
                    <p:toolbar id="tlEmp" >
                        <p:toolbarGroup align="left">
                            <p:inputText value="# {SessionBeanCAP.empleadoSeleccionado.nombreCompleto}" id="txtEmp" immediate="true" />
                            <p:commandButton id="cmdBuscaE" onclick="dialogBuscaEmp.show()"
                                             type="button" image="ui-icon ui-icon-search" />
                        </p:toolbarGroup>
                    </p:toolbar>
                <h:outputLabel value="Nota: " />
                <p:inputText id="costoRazon" value="# {capacitaciones$capaXEmpleado.nota}" maxlength="11" required="true"
                             requiredMessage="El n&#250;mero de Plazas es un campo obligatorio" 
                             converterMessage="Ingrese un número entero de plazas." />
            </h:panelGrid>
            
        </p:fieldset>
        <p:spacer height="20" /-->
        <p:dataTable id="tblDetalle"
                         rendered="#{(SessionBeanADM.estadoAccion eq 2) }"
                         rows="3" paginator="true"
                         emptyMessage="No hay jefes que mostrar"
                         rowEditListener="#{capacitaciones$capaXEmpleado.rowEditListener}"
                         var="detalle" update="txtJefe"
                         value="#{capacitaciones$capaXEmpleado.listaDetalle}"
                         selection="#{SessionBeanCAP.detalleCapSeleccionada}"
                         selectionMode="single"
                         paginatorAlwaysVisible="true"
                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="5,10,25,50,100">
                <f:facet name="header">
                    <h:outputText value="Notas"/>
                </f:facet><p:column headerText="Codigo" filterBy="#{detalle.empleados.empleadosPK.codEmp}" >
                    <h:outputText value="#{detalle.empleados.empleadosPK.codEmp}"/>
                </p:column>
                <p:column headerText="Nombre" filterBy="#{detalle.empleados.nombreCompleto}" >
                    <h:outputText value="#{detalle.empleados.nombreCompleto}"/>
                </p:column>
                <p:column headerText="Nota" filterBy="#{detalle.nota}" >
                    <p:cellEditor>  
                        <f:facet name="output">  
                            <h:outputText value="#{detalle.nota}" />  
                        </f:facet>  
                        <f:facet name="input">  
                            <p:inputText value="#{detalle.nota}" style="width:100%" label="Year"/>  
                        </f:facet>  
                    </p:cellEditor>  
                </p:column>
                <p:column headerText="Editar Nota" filterBy="#{detalle.nota}" >
                    <p:rowEditor />  
                </p:column>
                <!--f:facet name="footer">
                    <p:commandButton value="Seleccionar jefe" oncomplete="dialogBuscaJefe.hide();"/>
                </f:facet-->
                <!--p:column>
                        <p:commandButton update="dialogBuscaJefe, dialogNoAfecta, txtJefe, tlJefe" onclick="dialogBuscaJefe.hide()" value="Seleccionar" >
                            <f:setPropertyActionListener value="# {jefe}" target="# {planilla$accionesPersonal.jefeSeleccionado}"/>
                        </p:commandButton>
                </p:column-->
            </p:dataTable>
        
        <!--p:toolbar rendered="# {(SessionBeanADM.estadoAccion eq null) or (SessionBeanADM.estadoAccion eq 0)}" 
                   styleClass="toolbarUsuario" >
            <p:toolbarGroup align="right" >
                <p:commandButton value="Eliminar" image="ui-icon ui-icon-circle-minus" ajax="true" onclick="confirmation.show()"/>
            </p:toolbarGroup>
        </p:toolbar-->

        <p:spacer height="20" rendered="#{(SessionBeanADM.estadoAccion eq null) or (SessionBeanADM.estadoAccion eq 0)}" />

        <p:fieldset legend="Consulta de Capacitaciones" rendered="#{(SessionBeanADM.estadoAccion eq null) or (SessionBeanADM.estadoAccion eq 0)}" >

            <p:spacer height="20" />
            <p:dataTable id="tablaCapacitacion"
                         var="capacitacion" rows="5"  paginator="true" update="nota"
                         value="#{capacitaciones$capaXEmpleado.listaCap}"
                         emptyMessage="No se han encontrado Capacitaciones."
                         binding="#{capacitaciones$capaXEmpleado.tableCapacitaciones}"
                         paginatorAlwaysVisible="true" selectionMode="single" 
                         selection="#{SessionBeanCAP.capacitacionSeleccionada}"
                         rowSelectListener="#{capacitaciones$capaXEmpleado.onRowSelectCapacitacion}"  
                         rowUnselectListener="#{capacitaciones$capaXEmpleado.onRowUnSelectCapacitacion}"
                         paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="5,10,25,50,100" >
                <f:facet name="header">
                    <h:outputText value="Capacitaciones"/>
                </f:facet>

                <p:column sortBy="#{capacitacion.capacitacionPK.codCapacitacion}">
                    <f:facet name="header">
                        C&oacute;digo
                    </f:facet>
                    <h:outputLabel value="#{capacitacion.capacitacionPK.codCapacitacion}"/>
                </p:column>

                <p:column sortBy="#{capacitacion.instituciones.desInsti}">
                    <f:facet name="header">
                        Institucion
                    </f:facet>
                    <h:outputLabel value="#{capacitacion.instituciones.desInsti}" />
                </p:column> 

                <p:column filterBy="#{capacitacion.nomCapacitacion}" 
                          filterMatchMode="contains"
                          headerText="Nombre de la capacitacion">
                    <h:outputLabel value="#{capacitacion.nomCapacitacion}"/>
                </p:column> 

                <p:column sortBy="#{capacitacion.fechaDesde}">
                    <f:facet name="header">
                        Fecha inicial
                    </f:facet>
                    <h:outputLabel value="#{capacitacion.fechaDesde}" >
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputLabel>
                </p:column>    

                <p:column sortBy="#{capacitacion.fechaHasta}">
                    <f:facet name="header">
                        Fecha final
                    </f:facet>
                    <h:outputLabel value="#{capacitacion.fechaHasta}" >
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputLabel>
                </p:column>         
                
                <p:column sortBy="#{capacitacion.duracion}"
                          filterBy="#{capacitacion.duracion}"
                          filterMatchMode="contains">
                    <f:facet name="header">
                        Duracion (Hrs)
                    </f:facet>
                    <h:outputLabel value="#{capacitacion.duracion}" />
                </p:column> 

                <p:column sortBy="#{capacitacion.impartidaPor}"
                          filterBy="#{capacitacion.impartidaPor}"
                          filterMatchMode="contains">
                    <f:facet name="header">
                        Impartida por
                    </f:facet>
                    <h:outputLabel value="#{capacitacion.impartidaPor}" />
                </p:column>
                <!--p:column filterBy="# {concurso.estadoConcurso.nombre}"
                          filterOptions="# {reclutamiento$concursos.itemEstado}"
                          filterMatchMode="exact" >
                    <f:facet name="header">
                        Estado
                    </f:facet>
                    <h:outputLabel value="# {concurso.estadoConcurso.nombre}" />
                </p:column--> 

            </p:dataTable>
            <p:spacer height="20" />    

        </p:fieldset>


        <p:panel id="panelInformacionEdit" style="border:none;" >
            <div>
                <div style="float:left;width: 30%;" >
                    <h:panelGrid columns="4" rendered="#{(SessionBeanADM.estadoAccion eq 1)}" >
                        <p:graphicImage value="../../resources/imagenes/64/info.png" />
                        <h:outputLabel value="Campos marcardos con " style="font-style: italic;" />
                        <h:outputLabel value="*" styleClass="requerido"/>                                
                        <h:outputLabel value=" son requeridos." style="font-style: italic;" />
                    </h:panelGrid>
                </div>    
                <div style="float:left; width: 70%;"  >
                    <p:toolbar rendered="#{(SessionBeanADM.estadoAccion eq 1)}"
                               styleClass="toolbarUsuario" >
                        <p:toolbarGroup align="right"  >
                            <p:commandButton id="cmdModificar" type="push" value="Guardar" image="ui-icon ui-icon-disk" action="#{capacitaciones$capacitaciones.guardar$cap$action()}"
                                             update="mensajes, lstStatus2, lstInst2, Nombre2, calFecIni2, calFecFin2, Duracion2, impartida2, Razon2, costoRazon2" />  
                        </p:toolbarGroup>
                    </p:toolbar>
                </div>
                <div style="clear:both;" ></div>
            </div>
        </p:panel>

        

    </ui:define>
</ui:composition>
